<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品分类</title>
<style type="text/css">
body,#bigBox,ul,li{
	margin:0;
	padding:0;
}
#bigBox{
	width:200px;
	height:500px;
	border:2px #F93 solid;
}
a{
	color:black;
	text-decoration:none;
}
a:hover{
	color:#F93;
}
ul{
	font-weight:bold;
	list-style-type:none;
}
li{
	height:49px;
	line-height:49px;
	border-bottom:1px #999 dotted;
	padding-left:50px;
	background-position:0px 2px;
	background-repeat:no-repeat;
}
.listChild01{
	background-image:url(img/icon_01.jpg);
}
.listChild02{
	background-image:url(img/icon_02.jpg);
}
.listChild03{
	background-image:url(img/icon_03.jpg);
}
.listChild04{
	background-image:url(img/icon_04.jpg);
}
.listChild05{
	background-image:url(img/icon_05.jpg);
}
.listChild06{
	background-image:url(img/icon_06.jpg);
}
.listChild07{
	background-image:url(img/icon_07.jpg);
}
.listChild08{
	background-image:url(img/icon_08.jpg);
}
.listChild09{
	background-image:url(img/icon_09.jpg);
}
.listChild10{
	background-image:url(img/icon_10.jpg);
}

</style>
</head>

<body>
<div id="bigBox">
<ul>
<li class="listChild01"><a href="#">酒水、饮料</a></li>
<li class="listChild02"><a href="#">进口食品</a></li>
<li class="listChild03"><a href="#">休闲零食</a></li>
<li class="listChild04"><a href="#">地方特产</a></li>
<li class="listChild05"><a href="#">保健、冲调</a></li>
<li class="listChild06"><a href="#">粮油、生鲜</a></li>
<li class="listChild07"><a href="#">美容洗护</a></li>
<li class="listChild08"><a href="#">清洁洗涤</a></li>
<li class="listChild09"><a href="#">母婴、纸品</a></li>
<li class="listChild10"><a href="#">家居百货</a></li>
</ul>
</div>
</body>
</html>
